<!DOCTYPE html> 
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" name="viewport" />        
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" /> 
<title>首页</title>
<link rel="stylesheet" href="css/idangerous.swiper.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="container" id="indexPage">
	<div class="top">
		<div class="top-banner">
			<div class="swiper-container">
		        <div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="images/c.jpg" alt=""> 
					</div>
					<div class="swiper-slide">
						<img src="images/consultant@2x.png" alt=""> 
					</div>
					<div class="swiper-slide">
						<img src="images/top-right-pic.png" alt="">  
					</div>
		        </div>
		        <div class="pagination"></div>
			</div>
		</div>
		<div class="top-nav flex">
			<a v-bind:href="nav.navUrl" class="nav flex-1" v-for="nav in navs">
				<img :src="nav.navIcon" alt="">
				<span>{{nav.navName}}</span>
			</a>
			<!-- <a href="javascript:;" class="nav flex-1">
				<img src="images/smart@2x.png" alt="">
				<span>独家资讯</span>
			</a>
			<a href="javascript:;" class="nav flex-1">
				<img src="images/information@2x.png" alt="">
				<span>智能工具</span>
			</a>
			<a href="javascript:;" class="nav flex-1">
				<img src="images/order@2x.png" alt="">
				<span>我的订单</span>
			</a> -->
		</div>
	</div>

	<!-- 营业部精选 -->
	<div class="product-wrap" v-for="(iData,key) in indexData">
		<div class="title"><span>{{iData.name}}</span></div>
		<div class="lists-wrap">
			<div class="list flex" v-for="nItem in iData.newLists" v-on:click="linkto(nItem.link)">
				<div class="list-l">
					<img :src="nItem.pic" alt="">
				</div>
				<div class="list-r flex-1">
					<div class="t">{{nItem.title}}</div>
					<div class="content">{{nItem.content}}</div>
				</div>
			</div>
		</div>
		<a v-bind:href="iData.moreLink" class="more">
			<span>更多营业部精选</span>
		</a>
	</div>

	<!-- 投顾服务 -->
	<!-- <div class="product-wrap">
		<div class="title"><span>投顾服务</span></div>
		<div class="lists-wrap">
			<div class="list flex">
				<div class="list-l">
					<img src="images/top-right-pic.png" alt="">
				</div>
				<div class="list-r flex-1">
					<div class="t">决策点金</div>
					<div class="content">投资决策主力版套餐为您提供投资决策资金流向、投资决策决策信号、投资决策深度资金分析和投资决策专属服务</div>
				</div>
			</div>

			<div class="list flex">
				<div class="list-l">
					<img src="images/top-right-pic.png" alt="">
				</div>
				<div class="list-r flex-1">
					<div class="t">决策点金</div>
					<div class="content">投资决策主力版套餐为您提供投资决策资金流向、投资决策决策信号、投资决策深度资金分析和投资决策专属服务</div>
				</div>
			</div>

		</div>
		<a href="javascript:;" class="more">
			<span>更多投顾服务</span>
		</a>
	</div> -->


</div>
<script src="js/lib/vue.min.js" type="text/javascript"></script> 
<script src="js/lib/vue-resource.min.js" type="text/javascript"></script> 
<!-- <script src="js/build/lib.js" type="text/javascript"></script>
<script src="js/lib/idangerous.swiper-2.1.min.js" type="text/javascript"></script> -->

<script type="text/javascript">
// $.get('json/indexPage.json',function(data){
// 	console.log(data);
// });
// $.get('js/test.json',function(data){

var v = new Vue({
	el: '#indexPage',
	data: {
		navs: [],
		indexData: []
	},
	methods: {
		linkto(_url){
			window.location.href = _url;
		}
	},
	created: function(){
		this.$http.get('json/indexPage.json',{}).then(function(data){
				// this.$set(this.indexData,data.body.lists)
				console.log(data);
				this.indexData = data.body.lists;
				this.navs = data.body.navs;
			});
	}
});
</script>

</body>
</html>